<template>
  <div class="siblingA">
    {{ msg }}
  </div>
</template>

<script>
import Bus from '../EventBus.js'
export default {
    created() {
        Bus.$on(
            'sendMsg',  (msg) => {
                this.msg = msg
            }
        )
    },

    data() {
        return {
            msg: ''
        }
    }
}
</script>

<style scoped>
 .siblingA {
    width: 200px;
    height: 200px;
    border: 3px solid;

 }
</style>